body,html
    margin:0
    padding:0
body {
  font: 14px/1.5 Helvetica, arial, sans-serif;
}
body button,
body button.button,
body input[type='button'] {
  border-radius: 5px;
}
header #logo,
header div {
  font-size: 14px;
}
//传参的方式
border-radius(val)
    border-radius:val

button
    border-radius(15px)
// add()方法，计算数值
add(a,b=a)
    a+b
#app
    padding add(10px,5px)

.centent
    width add(20px)
//font属性的
font-family="微软雅黑"
font-size=20px;
#prompt
    font font-size font-family bold
.prompt
    font font-size font-family
//@属性使用与数值计算
.arr
    width:200px
    height:h=200px
    margin-left:@width
    margin-top:-(h/2)
//for in 使用
ul 
  for row in 1 2 3 4 5
    li:nth-child({row})
        height:10px;
        line-height: @height

#app
    add(a,b=a)
        a=unit(a,px)
        b=unit(b,px)
        a+b
    //上个单位为主与add()单位为辅
    padding add(15%,20deg)
    width add(10%,10deg)
    height add(10rem,20em)
//sizes()实例
.connt
    sizes()
        15px 10px 20px 30px
    padding sizes()[2]

// .text
//     swap("30px","40em")
//         return "40em" "30px"

.text2
    color:#f00
    ul
        li
            color:#00f
            a
                background:@color


@media print
    #header
    #footer
        display:block
        color:#f00

// width(wid)
//     width:wid
.extend
    @extend .text2
    @extend .arr
    width:(300px)



/**
@使用就近原则
unit()忽视传递参数的单位，见上实例
add()传参方法；
sizes()传递多个参数，根据索引值返回，见上实例

属性声明
border-radius(val)


@extend继承,见上实例
.text2描述事件冒泡

//for循环
ul 
  for row in 1 2 3 4 5
    li:nth-child({row})
        height:10px;
        line-height: @height
**/

//stylus --compress src/  编译css文件


//插值(Interpolation)???


